html,body {
	margin: 0px;
	text-align: center;
	font-size: 12px;
	background: #b2e2f9;
}

.box {
	width: 900px;
	height: auto;
	margin: 30px auto;
	background: #fafafa;
	padding: 30px;
	overflow: hidden;
}

.boxf {
	width: 900px;
	height: 88px;
	float: left;
	position: relative;
	z-index: 0;
}

#textDisplay {
	width: 900px;
	height: 88px;
	position: absolute;
	left: 0px;
	top: 0px;
	word-wrap: break-word;
	word-break: normal;
	z-index: 1;
	text-align: left;
	line-height: 20px;
	font-family: Arial;
	font-size: 12px;
}

#list {
	width: 164px;
	position: absolute;
	padding: 1px;
	border: 1px solid #cccccc;
	display: none;
	z-index: 100;
	background: #fff;
	font-family: Arial;
}

#list ul {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

#list li {
	width: 164px;
	height: 23px;
	float: left;
	text-indent: 10px;
	line-height: 23px;
	text-align: left;
	color: #333333;
	cursor: pointer;
}

#list li.hove {
	background: #e6e6e6;
}

textarea {
	width: 900px;
	height: 88px;
	border: 1px solid #ccc;
	border-radius: 5px;
	resize: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	font-family: Arial;
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
}

textarea.hove {
	border: 1px solid #ffb941;
}

.title {
	width: 900px;
	height: 21px;
	text-align: left;
	padding-bottom: 20px;
}

.title span {
	color: #0a8cd2;
	padding-top: 5px;
}

.title span.color {
	color: #808080;
	padding: 0px;
	margin-top: -3px;
}

.title span em {
	font-style: normal;
	font-family: Constantia, Georgia;
	font-size: 22px;
	font-weight: 700;
}

.btnf {
	width: 900px;
	height: auto;
	overflow: hidden;
	padding-top: 24px;
}
.btnf a {
	float: left;
	width: auto;
	height: auto;
	margin: 0 14px 0 0;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	cursor: pointer;
}

.btn {
	width: 82px;
	height: 30px;
	background: url(../../images/publish/mxcpfb.jpg) no-repeat;
	cursor: pointer;
	float: right;
}

.btn_icon {
	width:24px;
	height:20px;
	display: inline-block;
	background : url("../../images/publish/mxcpicon.png") no-repeat;
	float: left;
}
.btn_face {
	background-position:-271px 0px;
}

.btn_image {
	background-position:-271px -24px;
}

.btn_vedio {
	background-position:-271px -48px;
}

.btnh {
	background: url(../../images/publish/mxcpfbh.jpg) no-repeat;
}

.back {
	background: #ffd4d4;
}

.fbcg {
	width: 110px;
	height: 42px;
	background: url(../../images/publish/mxcpfbcg.jpg) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -21px 0 0 -55px;
	z-index: 10;
	display: none;
}

.dis {
	display: block;
}

.undis {
	display: none;
}

#desc {
	border: 1px dashed #ccc;
	color: #333;
	background: #fff;
	line-height: 2;
	padding: 10px;
	width: 850px;
	border-radius: 5px;
	margin-top: 20px;
	text-align: left;
	font-family: Arial;
	font-size: 14px;
}
.btn-file {    
	position: relative;
	display: inline-block;
	width: 90px;    
	height: 90px;    
	background: #e4e4e4 url(../../images/publish/uppicbtn.jpg) no-repeat center center;    
	text-align: center;    
	line-height: 68px;    
	overflow: hidden;
}
.btn-file:hover {    
	background-image: url(../../images/publish/uppicbtn.jpg);
}    
.btn-file input {    
	position: absolute;    
	top: 0;    
	left: 0;    
	width: 90px;    
	height: 90px;    
	opacity: 0;    
	filter: alpha(opacity: 0);    
	cursor: pointer;
}
.fileup {
    opacity: 0;
    position: absolute;
    z-index: 10;
    top: 46px;
    left: 23px;
    width: 79px;
    height: 83px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    cursor: pointer;
}
.imgfile {
	width:90px;
	height:90px;
	cursor:pointer;
    position:relative;
}